/*
 * @Author: FMC
 * @Date: 2024-07-07 21:01:32
 * @LastEditors: FMC
 * @LastEditTime: 2024-07-11 00:55:15
 * @FilePath: \three-run-game\src\views\react-three\meshes\block-start\block-start.jsx
 * @Description:
 */
import { Center, Float, Text, useTexture, Helper } from "@react-three/drei";
import { sharedBoxGeometry } from "../../../../common/geometry/geometry.js";
import { shadedGround1Material } from "../../../../common/material/material.js";
import * as THREE from "three";
import { useControls } from "leva";
/**
 *
 * 起点
 */
function BlockStart({ position = [0, 0, 0] }) {
  const matcap = useTexture(window.resourceBaseUrl+"/matcaps/5.png");
  return (
    <>
      <group position={position}>
        <Float floatIntensity={0.25} rotationIntensity={0.25}>
          <Text
            font="/fonts/sans-serif.normal.400.woff"
            fontSize={0.25}
            position={[0, 1, 0]}
          >
            滚动的天空
          </Text>
        </Float>

        <mesh
          position={[0, -0.1, 0]}
          scale={[4, 0.2, 4]}
          geometry={sharedBoxGeometry}
          material={shadedGround1Material}
          receiveShadow
        ></mesh>
      </group>
    </>
  );
}
export default BlockStart;
